<template>
  <div class="index-wrapper">
    <left-menu></left-menu>
    <middle-search @get-condition="getCondition"></middle-search>
    <search-result :search-criteria="searchCriteria" ref="searchResult" ></search-result>
  </div>
</template>

<script>
  import middleSearch from './../../components/qixiubao/middleSearch/middleSearch.vue'
  import searchResult from './../../components/qixiubao/searchResult/searchResult.vue'
  import leftMenu from './../../components/qixiubao/leftMenu/leftMenu.vue'
  import * as VinRes from './../../utils/getVinData.js'
  export default {
    components: {
      middleSearch, searchResult, leftMenu
    },
    data () {
      return {
        dispatch: this.$store.dispatch, // 用于vuex值得动态设置
        getter: this.$store.getters,
        searchCriteria: ''
      }
    },
    methods: {
      getCondition (val) {
        var _self = this
        _self.searchCriteria = val
        _self.$refs.searchResult.searchResult(val)
      }
    },
    mounted () {
    }
  }
</script>


<style lang="less">
  @import './index.less';
</style>

